<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ音乐</title>
    <style>
        body>div{
            width: 1000px;
            margin: 0 auto;
        }
        h2{
            text-align: center;
        }
        #c_div{
            height: 50px;
            text-align: center;
        }
        #c_div>a{
            margin: 0 24px;
            text-decoration: none;
            color: black;
            font-size: 15px;
        }
        #c_div>a:hover{
            color: #31c27c;
        }
        #s_div{
            position: relative;
            display: block;
            overflow: hidden;
            margin-bottom: 15px;
        }
        #s_div>div{
            width: 180px;
            height: 310px;
            margin: 0 10px;
            float: left;
        }
        img{
            width: 100%;
        }
        #s_div a{
            text-decoration: none;
            color: black;
            font-size: 14px;
        }
        p{
            margin: 0;
            font-size: 14px;
            color: #999999;
        }
    </style>
</head>
<body>
    <div>
        <div id="d1">
            <h2>歌单推荐</h2>
        </div>
        <div id="c_div">
            <a href="">为你推荐</a>
            <a href="">经典</a>
            <a href="">KTV热歌</a>
            <a href="">网络歌曲</a>
            <a href="">官方歌单</a>
            <a href="">情歌</a>
        </div>
        <div id="s_div">
            <div class="m">
                <img src="./img/1.PNG" alt="">
                <a href="">上分必备|身法操作不可少的BGM</a>
                <p>播放量：206.2万</p>
            </div>
            <div class="m">
                <img src="./img/2.PNG" alt="">
                <a href="">100首精选粤语歌 怀念旧时光</a>
                <p>播放量：1.1亿</p>
            </div>
            <div class="m">
                <img src="./img/3.PNG" alt="">
                <a href="">绝对典藏！400首欧美动感热曲全收录</a>
                <p>播放量：1.5亿</p>
            </div>
            <div class="m">
                <img src="./img/4.PNG" alt="">
                <a href="">国产嘻哈：rap们的高能时刻！</a>
                <p>播放量：183.0万</p>
            </div>
            <div class="m">
                <img src="./img/5.PNG">
                <a href="">流行｜一秒倾心的神仙歌曲</a>
                <p>播放量：519.9万</p>
            </div>
        </div>
        <div></div>
    </div>
</body>
</html>